<!-- 管理商品的页面 -->
<html>

<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/layui.css" media="all">
    <!--  axios-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="../front/component/js/head.js"></script>
</head>

<body>
    <table class="layui-hide" id="test" lay-filter="test"></table>

    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm" lay-event="getCheckData">删除选中数据</button>
<!--            <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>-->
<!--            <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>-->
        </div>
    </script>

    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>


    <script src="layui.js" charset="utf-8"></script>

    <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#test',

                // 这里需要数据
                url: 'http://localhost:8080/furniture/furniture/back_getAll',
                toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                ,
                title: '用户数据表',
                cols: [
                    [{
                        type: 'checkbox',
                        fixed: 'left'
                    }, {
                        field: 'furnitureId',
                        title: 'ID',
                        width: 80,
                        fixed: 'left',
                        unresize: true,
                        sort: true
                    }, {
                        field: 'furnitureName',
                        title: '商品名',
                        width: 120,
                        edit: 'text'
                    }, {
                        field: 'categoryName',
                        title: '类别',
                        width: 80,
                        edit: 'text',
                    }, {
                        field: 'price',
                        title: '价格',
                        width: 100,
                        sort: true
                    }, {
                        field: 'describe',
                        title: '描述'
                    }, {
                        field: 'furnitureImg',
                        title: '图片链接',
                        width: 120
                    }, {
                        fixed: 'right',
                        title: '操作',
                        toolbar: '#barDemo',
                        width: 150
                    }]
                ],
                page: true
            });

            //头工具栏事件
            table.on('toolbar(test)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'getCheckData':
                        var data = checkStatus.data;
                        let id = new Array(data.length);
                        for (let i = 0; i < data.length; i++) {
                            id[i] = data[i].furnitureId
                        }
                        // layer.alert();
                        let idstr =  JSON.stringify(id)
                        if(data.length>0){
                            axios.post(PATH + "/furniture/delete", {
                                id:idstr
                            })
                                .then((resp) => {
                                    if(resp.data.code==='00000') {
                                        layer.msg("删除成功")
                                        setTimeout(()=>{
                                            window.location.reload()
                                        },300)
                                    }else{
                                        layer.msg("删除失败")
                                    }
                                })
                        }else{
                            layer.msg("请选择要删除的列")
                        }
                        break;
                    case 'getCheckLength':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + data.length + ' 个');
                        break;
                    case 'isAll':
                        layer.msg(checkStatus.isAll ? '全选' : '未全选');
                        break;
                };
            });

            //监听行工具事件
            table.on('tool(test)', function (obj) {
                var data = obj.data;
                //console.log(obj)
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        obj.del();
                        layer.close(index);
                    });
                } else if (obj.event === 'edit') {
                    layer.open({
                        type: 2,
                        title: '修改商品',
                        area: ['850px','600px'],
                        content: PATH+'/toUpdateFurniture?furnitureId='+data.furnitureId
                    }, function (value, index) {
                        obj.update(

                        );
                        layer.close(index);
                    });
                }
            });
        });
    </script>
</body>

</html>